import { useRef } from 'react';

// 一直用函数组件
export const Ref = () => {
  // 声明dom容器
  const inputRef = useRef(null);

  const handleSubmit = (e) => {
    console.log(inputRef.current.value);

    // 设置光标
    inputRef.current.focus();
  };

  return (
    <div>
      <input type={'text'} ref={inputRef}></input>

      <button onClick={handleSubmit}>提交</button>
    </div>
  );
};
